<template>
  <div class="main">
    <Category></Category>
    <el-card class="card">
      <el-button
        type="primary"
        size="default"
        icon="Plus"
        :disabled="categoryStore.c3Id ? false : true"
        @click="handleAddPlatformAttr"
      >
        添加平台属性
      </el-button>
      <el-table border class="table">
        <el-table-column
          label="序号"
          type="index"
          align="center"
          prop="name"
          width="100px"
        ></el-table-column>
        <el-table-column label="属性名称" prop="name" width="150px"></el-table-column>
        <el-table-column label="属性值名称" prop="name"></el-table-column>
        <el-table-column label="操作" prop="name" width="120px"></el-table-column>
      </el-table>
    </el-card>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import useCategoryStore from '@/store/modules/category'
const categoryStore = useCategoryStore()
const handleAddPlatformAttr = () => {}
</script>

<style scoped>
.main {
  width: calc(100% - 40px);
  margin: 10 auto;
  .card {
    margin: 10px 0px;
    .table {
      margin: 20px 0px;
    }
  }
}
</style>
